<template>
	<el-button class="left-btn" style="font-size: 15px;margin-bottom: 8px;" @click="goOff()" id="go_off">返回</el-button>
	<div class="line" />
	<div>
		<div style="font-size: 20px;margin-top: 40px ;margin-bottom: 25px;width: 60%;margin-left: 20%;">
				{{ "问题详细描述：" + explanation }}
		</div>
		<div class="line" />
		<div v-for="(val,key) in pictureList">
			<el-image
				:src="val"    
				style="width:60%;height:40%"
				:preview-src-list=pictureList>
			</el-image>
			<div style="font-size: 18px;margin-top: 10px; margin-bottom: 20px;width: 60%;margin-left: 20%;">
				{{ "图片描述："+explanationList[key] }}
			</div>
			<div class="line" />
		</div>
	</div>


</template>

<script>
	export default {
		data() {
			return {	
				explanation:'',
				pictureList:[],
				explanationList:[],
			}
		},
		methods: {
			goOff(){
				if (window.history.length <= 1) {
					this.$router.push({path:'/'})
					return false
				} else {
					this.$router.go(-1)
				}
            },
		},
		mounted() {
			this.explanation = localStorage.explanation
			this.pictureList = JSON.parse(localStorage.pictureList)			
			this.explanationList = JSON.parse(localStorage.explanationList)		
		}
	}
</script>

<style lang="scss">
	.fr {
		float: right;
	}
	.line{
		float:right;
		width: 100%;
		height: 1px;
		margin-top: -0.5em;
		background:#d4c4c4;
		position: relative;
		text-align: center;
	}


</style>
